<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>Drag</title>
 </head>

<style type="text/css">
body {
  margin: 0;
  padding: 0;
  background: #3e8500;
}
.vertical_middle{
	position: absolute;
	bottom: 50%;
}
</style>
<script type="text/javascript" language="JavaScript">
<!--
function toggleMenu()
{
  frmBody = parent.document.getElementById('frame-body');
  imgArrow = document.getElementById('img');

  if(frmBody.cols == "0, 5, *")
  {
    frmBody.cols="230, 5, *";
    imgArrow.src = "__PUBLIC__/Images/bar_close.gif";
  }
  else
  {
    frmBody.cols="0, 5, *";
    imgArrow.src = "__PUBLIC__/Images/bar_open.gif";
  }
}
</script>
<body onselect="return false;">
<div class="vertical_middle">
<a href="javascript:toggleMenu();"><img id="img" src="__PUBLIC__/Images/bar_close.gif" /></a>
</div>
</body>
</html>
